window.onload = function() {
	
	var f_ope = new FoodComponent($("#menus"));

	f_ope.loadAllData();
	
//	var mid = $("#mid").val();

	$("#addModal").on("hide.bs.modal", function() {
		$("#add_name").val("");
		$("#add_price").val("");
		$("#add_img").val("");

	});

	$("#updateModal").on("hide.bs.modal", function() {
		$("#update_id").val("");
		$("#update_name").val("");
		$("#update_price").val("");
		$("#update_img").val("");
	});

//	$("button[id=addMenu]").on("click", function() {
//
//		$("#addModal").modal("show");
//	})

	$("#add_menu").on("click", function() {
		// e.preventDefault();
		var name = $("#add_name").val();
		var price = $("#add_price").val();
		var type = $("#add_type").val();

		var fileId = [ "add_img" ];
		let menuVo = {
			name : name,
			price : price,
			type : type

		};
		f_ope.addData(menuVo, fileId);

	});

	$("#update_menu").on("click", function() {
		// e.preventDefault();
		var id = $("#update_id").val();
		var name = $("#update_name").val();
		var price = $("#update_price").val();
		var type = $("#update_type").val();

		var fileId = [ "update_img" ];
		let menuVo = {
			id : id,
			name : name,
			price : price,
			type : type

		};
		f_ope.modifyData(menuVo, fileId);
	});

	
}
